<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start" (click)="gotohome()">
          <ion-icon name="arrow-back"></ion-icon>
      </ion-buttons>
    <ion-title>date</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
    <h3>属性</h3>
    <div>
       <p>cancelText (要在选择器的取消按钮上显示的文本)</p>
       <p>doneText (要在选择器的确认按钮上显示的文本)</p>
       <ion-item>
          <ion-label>选择日期</ion-label>
          <ion-datetime displayFormat="MMMM" value="2012-12-15T13:47:20.789" cancelText="取消" doneText="确认"></ion-datetime>
       </ion-item>
    </div>
    <div>
        <p>dayNames (可用于为一周中的每一天提供区域设置名称。 默认为英语。)</p>
        <ion-item>
           <ion-label>选择日期</ion-label>
           <ion-datetime pickerFormat="DDDD, D MM YYYY" displayFormat="DDDD MMM D, YYYY" [(ngModel)]="myDate"></ion-datetime>
        </ion-item>
     </div>
     <div>
        <p>disabled="true" (当为true时，则用户无法与日期时间进行交互。)</p>
        <ion-item>
           <ion-label>选择日期</ion-label>
           <ion-datetime disabled="true" pickerFormat="DDDD, D MM YYYY" displayFormat="DDDD MMM D, YYYY" [(ngModel)]="myDates"></ion-datetime>
        </ion-item>
     </div>
     <div>
        <p>max  min  (设置最大最小日期区间)</p>
        <ion-item>
            <ion-label>选择日期</ion-label>
            <ion-datetime displayFormat="YYYY MM DD" min="1989-06-04" max="2004-08-23" value="1994-12-15T13:47:20.789"></ion-datetime>
        </ion-item>
     </div>
     <div>
        <p>placeholder (日期默认值)</p>
        <ion-item>
            <ion-label>选择日期</ion-label>
            <ion-datetime displayFormat="YYYY MM DD" min="1989-06-04" max="2004-08-23" placeholder="1994-12-15" ></ion-datetime>
        </ion-item>
     </div>
     <h3>事件</h3>
     <div>
        <p>该组件事件一共有4个分别为 ionBlur (失去焦点时触发) , ionCancel (取消选择时触发) , ionChange (值发生变化时触发) , ionFocus (获取焦点时触发)</p>
        <ion-item>
            <ion-label>选择日期</ion-label>
            <ion-datetime displayFormat="YYYY MM DD" min="1989-06-04" max="2004-08-23" placeholder="1994-12-15" (ionBlur)="getBlur()" (ionCancel)="getCancel()" (ionChange)="getChange()" (ionFocus)="getFocus()"></ion-datetime>
        </ion-item>
     </div>
</ion-content>
